#{extends 'mainTemplate.html' /}
#{set title:'订单列表' /}


<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquerytools.css'}">

<style type="text/css">

#mainContent { background:0 0 repeat-y; overflow:auto;zoom:1; margin-bottom:5px;}
#content { margin-left:155px !important; margin-left:152px; height:auto !important; height:100px;}
#sidebar a { color: #000; text-decoration: none; }
#sidebar a:hover { color: #F00; }
#sidebar {float:left; width: 150px; border: 1px solid #CCC; }
#sidebar ul { list-style: none; margin: 0px; padding: 0px; }
#sidebar ul li { background: #eee; padding: 0px 8px; height: 26px; line-height: 26px; border-bottom: 1px solid #CCC; }

</style>
<p/>
<div><p>周排行,周排行,周排行,周排行,周排行,</p></div>
<div id="mainContent">
     <div id="sidebar">
		<ul>
		<li><a href="#">订单</a></li>
		<li><a href="#">账户管理</a></li>
		<li><a href="#">文章管理</a></li>
		<li><a href="#">评论</a></li>
		<li><a href="#">反馈</a></li>
		<li><a href="#">收藏</a></li>
		</ul>
	</div>
    <div id="content">
    	<ul class="css-tabs">
		  <li><a href="@{TradeAction.list(0)}">未晒</a></li>
		  <li><a href="@{TradeAction.list(1)}">已晒</a></li>
		  <li><a href="@{TradeAction.list(2)}">全部</a></li>
		</ul>
		<div class="css-panes">
  			<div style="display:block"></div>
		</div>
        
    </div>
    <script type="text/javascript">
    $(function() {
		  $("ul.css-tabs").tabs("div.css-panes > div", {effect: 'ajax'});
	});
    </script>
  </div>

   